<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>css position2 续</title>
	</head>

	<body>
		<!--详见:readme.docx
        	1.relative定位 相对自身应当在的位置进行偏移
        	2.fixe定位 相对于浏览器边界定位
        	3.absolute最特殊，如果不设置top left 则依然会在原来的位置
	                如果设置了，那么就会寻找定位上下文
	        	定位上下文寻找方式:像父元素查找，直到找到一个relative/absolute/fixed的，这就是他的定位边界值
	        	如果没找到，那么浏览器就是他的边界
        -->
		<!--
        	第一节:absolute
        -->
		<div style="width: 500px;height: 500px;background-color: red;margin: 100px;position: absolute;">
			<div style="width: 100px;height: 100px;
				background-color: cornflowerblue;position: absolute;left: 50px;top: 50px;"></div>
		</div>
	</body>

</html>